<template>
  <div class="main-container">
    <navbar></navbar>
    <div class="main-content">
<!--      <comheader></comheader>-->
      <div class="content">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import navbar from "@/components/navbar.vue";
// import comheader from "@/components/comHeader.vue";
export default {
  name: "Main",
  components: {
    navbar,
  },
  data() {
    return {};
  }
}
</script>

<style scoped lang="scss">
.main-container{
   display: flex; width: 100%; height: 100vh;
  .main-content{  width: calc(100% - var(--navbar-width)); height: 100%;
    .content{ height: 100%; width: 100%; overflow-y: auto; background-color: #f0f2f5; padding: 0;
    }
  }
}
</style>